<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <h1>{{ title }}</h1>
        <hr>
        <h2> 我今天学习了 vuejs</h2>

        <div>{{ info }}</div>
        <!--默认情况下，插值表达式会对html代码转义输出，把HTML标签转换为实体符号 < &lt; > &gt; &nbsp;  >-->
        <!--为了防止 xss 攻击  web安全 -->

        <!--v-html vuejs提供的指令系统。vuejs提供的指令是作为标签的属性使用的，并且使用的时候，属性值不需要加上 {{ }} 插值表达式 v-html: div.innerHTML = data.info https://cn.vuejs.org/v2/api/#v-html
-->
        <div v-html="info">

        </div>

    </div>
</body>
<script src="./lib/vue.js"></script>
<script type="text/javascript">

    new Vue({
       el: '#app',

       data:{
           title: 'hi vuejs!',
           info: '<h2> 我今天学习了 vuejs</h2>'
       }
    });


</script>

</html>
